<template>
    <div>
        <textarea class="editor"></textarea>
        <el-button @click="submit" style="margin-top: 30px;">提交</el-button>
    </div>
</template>
<script setup>
import { ref, onMounted } from 'vue'
// import {} from 'tinymce'
onMounted(() => {
    console.log(1);
    tinymce.init({
        selector: '.editor',
        language: 'zh-Hans',
        // 去掉右上角广告
        promotion: false,

        // 去掉右下角广告
        branding: false,

        // 去掉状态栏
        statusbar: false,
        //表格 图片 全屏 预览文档
        plugins: "table image fullscreen preview"
    })

})
function submit() {
    //获取文本框中的内容
    tinymce.activeEditor.getContent()
}
</script>
<!-- <script>
export default {
    data() {
        return {
            // 富文本初始值
            initContent: '<h1>hello tinymce</h1>'
        }
    },
    mounted() {
        tinymce.init({
            // tinymce 和 #editor 这个元素绑定
            selector: '#editor',
            // 会自动关联到文件 /tinymce/langs/zh-Hans.js
            // 自动下载这个语言文件
            language: 'zh-Hans',

            // 去掉右上角广告
            promotion: false,

            // 去掉右下角广告
            branding: false,

            // 去掉状态栏
            statusbar: false,

            // 自动关联到 /tinymce/plugins/table 目录
            // 并且自动下载
            // plugins: "table"

            // 多个插件 使用 空格隔开
            plugins: "table image fullscreen preview"
        })
    },
    methods: {
        submit() {
            // 固定语法
            // 用来获取 tinymce 的值
            console.log(tinymce.activeEditor.getContent())
        }
    }
}

</script> -->
<style scoped>

</style>